<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="webkit" name="renderer">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <title>APP DOWNLOAD</title>
    <!-- <link rel="stylesheet" href="css/reset_app.css"/> -->
    <style>
        html{background:url(/attachment/2024-09-11/d43i8rbunbnhg8uvr8.png) center top no-repeat;background-size:100% 100%;width:100%}
        body{min-height:calc(100vh - .6rem);padding-bottom:.6rem}
        @media only screen and (max-width:374px){html{font-size:86px}
        }
        @media only screen and (min-width:375px) and (max-width:413px){html{font-size:100px}
        }
        @media only screen and (min-width:414px){html{font-size:110px}
        }
        .title{text-align:center;font-size:.18rem;color:#3d3d3d;font-weight:600;line-height:.24rem;padding-top:.32rem}
        .sub-title{text-align:center;margin-top:.12rem;font-size:.16rem;color:#269c74;line-height:.22rem;font-weight:500}
        .download-btn{display:flex;justify-content:center;align-items:center;margin-top:.31rem}
        .download-btn img{width:35.7%}
        .download-btn img:first-child{margin-right:.09rem}
        .main-img{margin-top:.33rem}
        .main-img img{width:100%}
        .flex-div{position:fixed;bottom:0;left:0;right:0;height:.55rem;display:flex;align-items:center;justify-content:center;font-size:.16rem;color:#3d3d3d;font-weight:500;line-height:.26rem;background-color:rgba(0,0,0,.06)}
        .flex-div img{width:9.6%;margin-right:2.1%}
        .down-cover{display:none;position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.5);text-align:center}
        .down-cover img{width:3.16rem}
        body,html{text-decoration:none;width:100%;margin:0 auto}
        *{margin:0;padding:0}
        img{border:none;vertical-align:middle}
        li,ol,ul{list-style:none;margin:0;padding:0}
        b,em,i,s,u{font-style:normal;text-decoration:none}
        a{text-decoration:none}
        .FL{float:left;display:inline}
        .FR{float:right;display:inline}
        .clr{clear:both;overflow:hidden}
        .flow{overflow:hidden}
        p{margin:0}
        del{text-decoration:line-through}
        article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
        audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
        audio:not([controls]){display:none;height:0}
        [hidden],template{display:none}
        abbr[title]{border-bottom:1px dotted}
        b,strong{font-weight:700}
        dfn{font-style:italic}
        h1{font-size:2em;margin:.67em 0}
        mark{color:#000;background:#ff0}
        small{font-size:80%}
        sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
        sup{top:-.5em}
        sub{bottom:-.25em}
        img{border:0}
        svg:not(:root){overflow:hidden}
        figure{margin:1em 40px}
        hr{box-sizing:content-box;height:0}
        pre{overflow:auto}
        code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
        button,input,optgroup,select,textarea{font:inherit;margin:0;color:inherit}
        button{overflow:visible}
        button,select{text-transform:none}
        button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
        button[disabled],html input[disabled]{cursor:default}
        input{line-height:normal}
        input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
        input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
        input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
        input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
        fieldset{border:0}
        legend{padding:0;border:0}
        textarea{overflow:auto}
        optgroup{font-weight:700}
        table{border-spacing:0;border-collapse:collapse}
        td,th{padding:0}
        .wp100{width:100%}

    </style>
    <link href="//unpkg.com/layui@2.9.21/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<div class='title'>APARTMENT 11</div>
<div class='sub-title'>すべての至福は"住一”から"</div>
<div class='layui-row layui-col-space12' style="margin-top: .31rem;">
    <div class="layui-col-xs2"></div>
    <img class="layui-col-xs4" id="iosButton" src="https://crs.apt11.net/attachment/2024-09-11/d43i8r57mx6toe1jth.png"/>
    <img class="layui-col-xs4" id="androidButton" src="https://crs.apt11.net/attachment/2024-09-11/d43i8r5nbd9vuf7rsy.png"/>
    <div class="layui-col-xs2"></div>
</div>
<div class='layui-row layui-col-space12' style="margin-top: .31rem;">
    <div class="layui-col-xs2"></div>
    <img class="layui-col-xs8" id="chinaButton" src="https://crs.apt11.net/attachment/2025-01-08/d6wqsrt6xe4czc5img.png"/>
    <div class="layui-col-xs2"></div>
</div>
<div class='main-img'>
    <!-- <img src="/attachment/2024-09-11/d43j86q72dricgr37f.png"/>-->
    <img src="https://crs.apt11.net/attachment/2024-10-04/d4mb5bydwv5mhleevh.png"/>
</div>
<div class='flex-div'>
    <img src="https://crs.apt11.net/attachment/2024-09-11/d43i8r4k0vsty73qsh.png"/>
    APARTMENT 11 住一
</div>
<div class='down-cover'>
    <img src="https://crs.apt11.net/attachment/2024-09-11/d43i8rb5tez6kaxyix.png"/>
</div>
<script src="//cod6.t4m.cn/applink.js" type="text/javascript"></script>
<script>
    document.getElementById("chinaButton").onclick = function () {
        window.location.href = "https://www.pgyer.com/LjhfboEZ";
    }
    function getCurrentUrlParams() {
        const url = new URL(window.location.href);
        const params = new URLSearchParams(url.search);

        const paramObject = {};
        for (const [key, value] of params.entries()) {
            paramObject[key] = value;
        }

        return paramObject;
    }
    var mobtest = MobLink([
        {
            el: '#iosButton',
            path: 'demo/a',
            default: true,
            params: getCurrentUrlParams()
        },
        {
            el: '#androidButton',
            path: 'demo/a',
            default: true,
            params: getCurrentUrlParams()
        }
    ]);
    console.log(mobtest)
</script>
</body>
</html>
